<template>
	<div class="policy-container">
		<div class="policy-header">
			<h1>隐私政策</h1>
			<p class="version-info">版本号：V1.0.0 | 生效日期：2025年10月21日</p>
			<p class="company-info">湖南锦田科技有限公司 保护您的隐私</p>
		</div>

		<div class="policy-content">
			<section>
				<h2>一、引言</h2>
				<p>湖南锦田科技有限公司（以下简称"我们"）尊重并保护用户的隐私。本政策旨在说明我们如何收集、使用、存储和保护您在使用"云手机PC端应用"（以下简称"本应用"）时提供的个人信息，以及您对个人信息享有的权利。
				</p>
				<p>使用本应用即视为您同意本政策的全部内容。如您不同意，应立即停止使用服务。</p>
			</section>

			<section>
				<h2>二、我们收集的信息</h2>
				<p>2.1 注册与账号信息：</p>
				<ul>
					<li>您提供的手机号/邮箱（用于账号注册、登录验证及找回密码）；</li>
					<li>您设置的用户名、头像（用于账号展示）。</li>
				</ul>
				<p>2.2 设备与使用信息：</p>
				<ul>
					<li>PC端设备信息：操作系统版本、浏览器类型、硬件型号、IP地址（用于适配服务及安全验证）；</li>
					<li>云手机使用数据：操作记录（如启动、关闭、脚本执行日志）、网络状态（用于优化服务稳定性）；</li>
					<li>位置信息：仅在您使用代理服务时，可能获取您的大致地理位置（用于匹配最优网络节点，您可随时关闭权限）。</li>
				</ul>
				<p>2.3 云盘与上传内容：</p>
				<ul>
					<li>您上传至云盘的文件（仅用于存储和同步，我们不会擅自查看或使用）；</li>
					<li>文件元数据（如大小、格式、修改时间，用于文件管理功能）。</li>
				</ul>
				<p>2.4 支付信息：</p>
				<ul>
					<li>您的支付记录（如订单号、支付金额、支付方式），但我们不存储银行卡号、密码等敏感支付信息（由第三方支付机构处理）。</li>
				</ul>
			</section>

			<section>
				<h2>三、信息的使用方式</h2>
				<p>3.1 提供服务：用于账号登录、云手机操控、云盘存储、代理加速等核心功能；</p>
				<p>3.2 优化体验：根据使用数据改进服务性能（如优化脚本执行效率、提升网络稳定性）；</p>
				<p>3.3 安全保障：通过设备信息和操作日志识别异常行为，防范账号被盗、恶意攻击等风险；</p>
				<p>3.4 服务通知：向您推送账号安全提醒、服务到期通知、功能更新信息（您可在设置中关闭非必要通知）。</p>
			</section>

			<section>
				<h2>四、信息的存储与保护</h2>
				<p>4.1 存储地点：您的个人信息存储在中国大陆境内的服务器，符合数据本地化要求；</p>
				<p>4.2 存储期限：账号信息在您注销账号后保留30天（用于数据恢复），之后将彻底删除；使用数据和日志保留6个月（用于安全审计）；</p>
				<p>4.3 保护措施：我们采用加密传输（HTTPS）、数据脱敏、访问权限控制等技术，防止信息泄露、丢失或篡改。</p>
			</section>

			<section>
				<h2>五、信息的共享与披露</h2>
				<p>5.1 我们不会向第三方出售您的个人信息，仅在以下情况可能共享：</p>
				<ul>
					<li>获得您明确同意的第三方（如授权登录的平台）；</li>
					<li>为提供服务所必需的合作伙伴（如支付机构、云服务器提供商，均需遵守保密义务）；</li>
					<li>法律法规要求或政府部门依法查询时，按规定披露。</li>
				</ul>
			</section>

			<section>
				<h2>六、您的权利</h2>
				<p>6.1 访问与更正：您可在"个人中心"查看或修改账号信息；</p>
				<p>6.2 删除数据：可删除云盘中的文件、注销账号（注销后相关信息按本政策处理）；</p>
				<p>6.3 限制使用：可在应用设置中关闭位置权限、通知权限等（可能影响部分功能使用）；</p>
				<p>6.4 投诉建议：如对隐私保护有疑问，可联系客服处理。</p>
			</section>

			<section>
				<h2>七、政策更新</h2>
				<p>我们可能根据业务发展或法规变化更新本政策，更新后将通过应用内公告通知，您继续使用服务即视为同意新政策。</p>
			</section>

			<section>
				<h2>八、联系我们</h2>
				<p>隐私问题反馈：privacy@jingtiantech.com</p>
				<p>客服电话：400-XXXX-XXXX（工作日 9:00-18:00）</p>
			</section>
		</div>

		<div class="policy-footer" v-if="needConfirm">
			<el-button @click="onCancel">取消</el-button>
			<el-button type="primary" @click="onAgree">我已阅读并同意</el-button>
		</div>
	</div>
</template>

<script setup lang="ts">
	import { defineProps, defineEmits } from 'vue';

	const props = defineProps<{
		needConfirm ?: boolean; // 是否需要用户确认
	}>();

	const emit = defineEmits<{
		(e : 'agree') : void;
		(e : 'cancel') : void;
	}>();

	const onAgree = () => {
		emit('agree');
	};

	const onCancel = () => {
		emit('cancel');
	};
</script>

<style scoped>
	.policy-container {
		max-width: 1000px;
		margin: 0 auto;
		padding: 20px;
		font-family: 'Microsoft YaHei', sans-serif;
		color: #333;
	}

	.policy-header {
		text-align: center;
		margin-bottom: 30px;
	}

	.policy-header h1 {
		font-size: 24px;
		margin-bottom: 10px;
	}

	.version-info,
	.company-info {
		color: #666;
		font-size: 14px;
		margin: 5px 0;
	}

	.policy-content {
		line-height: 1.8;
		font-size: 16px;
	}

	section {
		margin-bottom: 25px;
	}

	section h2 {
		font-size: 18px;
		margin: 15px 0;
		color: #222;
	}

	ul {
		margin: 10px 0 10px 20px;
	}

	.policy-footer {
		margin-top: 40px;
		display: flex;
		justify-content: center;
		gap: 20px;
	}
</style>